<a href="#" class="js-fh5co-nav-toggle fh5co-nav-toggle"><i></i></a>

<!-- 左边菜单 -->
<aside id="fh5co-aside" role="complementary" class="border js-fullheight">
    <!-- 搜索 -->
    <div class="search-area" style="display: block;">
        <div class="search-area-inner d-flex align-items-center justify-content-center">
            <div class="close-btn"><i class="icon-esc"></i></div>
            <div class="row d-flex justify-content-center">
                <div class="col-md-8">

                    <div class="form-group">
                        <input type="search" name="search" id="search"
                               placeholder="请输入你要搜索的文章标题..." v-model="searchStr">
                        <button @click="searchOpen" class="submit"><i class="icon-search3"></i></button>
                    </div>

                </div>
            </div>
        </div>
    </div>

    <h1 id="fh5co-logo"><a href="/">大鱼-博客</a></h1>
    <nav id="fh5co-main-menu" role="navigation">
        <ul>
            <li :class="{ 'co-active': menuC.isActive }"> <a href="/">首页</a> </li>
            <li :class="{ 'co-active': menuC.isBlogActive }"> <a href="/blog.list">博客</a> </li>
            <li><a class="search-btn"><i class="icon-search3"></i>搜索</a></li>
            <li :class="{ 'co-active': menuC.isPortfolioActive }"> <a href="/blog.portfolio">分类</a> </li>

            <% if(user){ %>
                <li><a href="/blog.logout">退出登录</a></li>
            <% } else { %>
                <li><a href="/blog.login">登录or注册</a></li>
            <% } %>

            <!--<li><a href="#">图片推荐</a></li>-->

            <% if(user){ %>
                <li><a href="/admin">个人中心</a></li>
            <% } %>
        </ul>
    </nav>


    <div class="fh5co-footer">

        <ul>
            <!-- <li><a href="#"><i class="icon-facebook2"></i></a></li>
            <li><a href="#"><i class="icon-twitter2"></i></a></li>
            <li><a href="#"><i class="icon-instagram"></i></a></li>
            <li><a href="#"><i class="icon-linkedin2"></i></a></li> -->

            <li><img src="" /></li>
            <li><img src="" /></li>
            <li><img src="" /></li>

        </ul>
        <p>&copy; 2021.素材源于网络，仅供个人学习。</p>
    </div>

</aside>
